<style lang="scss">
  .business {
    .el-tabs {
      width: 100%;
      .el-tabs__header {
        margin: 10px 12px;
        .el-tabs__item.is-active {
          border-bottom: 2px solid #409EFF;
        }
      }
    }
  }
</style>

<template>
  <el-container class="business">
    <!-- 状态导航 -->
    <el-tabs v-model="activeTabState" type="card" @tab-click="tabClick">
      <el-tab-pane name="111">
        <span slot="label"><i class="el-icon-chat-line-round"></i> 两周报</span>
        <business-week ref="businessWeek"></business-week>
      </el-tab-pane>
      <el-tab-pane name="222">
        <span slot="label"><i class="el-icon-chat-dot-round"></i> 月报</span>
        <business-month ref="businessMonth"></business-month>
      </el-tab-pane>
    </el-tabs>
  </el-container>
</template>

<script>
  import businessWeek from './business-week.vue'
  import businessMonth from './business-month.vue'

  export default {
    data () {
      return {
        activeTabState: '111'
      }
    },
    methods: {
      // tab 点击
      tabClick (tab, event) {
        switch (tab.name) {
          case '111':
            this.$refs.businessWeek.initFn()
            break
          case '222':
            this.$refs.businessMonth.initFn()
            break
        }
      }
      // // 获取上报周期
      // getCycleList() {
      //   this.$axios.post(this.$api.business.cycleSelecter).then(rs => {
      //     if (rs) {
      //       this.cycleId = rs[0].zqid
      //       this.cycleList = rs
      //       // 分页查询
      //       this.doSearch()
      //     }
      //   })
      // },
      // // 获取责任处室
      // getDeptList() {
      //   this.$axios.post(this.$api.dept.selector).then(rs => {
      //     if (rs) {
      //       this.deptList = rs
      //     }
      //   })
      // },
      // // 查询方法
      // doSearch() {
      //   this.loadingTable = true
      //   this.getBusinessPage()
      // },
      // // 获取督办处室分页列表
      // getBusinessPage() {
      //   const _this = this
      //   _this.pageParam.condition.cycleId = _this.cycleId
      //   _this.pageParam.condition.statusId = _this.statusId
      //   _this.$axios.post(_this.$api.business.whPage, _this.pageParam)
      //     .then(function(rs) {
      //       if (rs) {
      //         _this.loadingTable = false
      //         _this.tableItem = rs
      //       }
      //     })
      // },
      // // 分页
      // handleSizeChange: function(size) {
      //   this.loadingTable = true
      //   this.pageParam.pageSize = size
      //   this.getBusinessPage()
      // },
      // // 分页
      // handleCurrentChange: function(currentPage) {
      //   this.loadingTable = true
      //   this.pageParam.pageNum = currentPage
      //   this.getBusinessPage()
      // },
      // // 日期格式化
      // formatDate: function(row, column) {
      //   const _this = this
      //   var date = row.createTime
      //   if (date === undefined) {
      //     return ''
      //   }
      //   return _this.$moment(date).format('YYYY年MM月DD日 HH时mm分')
      // },
      // // 操作点击事件
      // operationClick(method, row) {
      //   switch (method) {
      //     case 'report':
      //       this.detailFn(row)
      //       break
      //     case 'detail':
      //       this.detailFn(row)
      //       break
      //   }
      // },
      // // 上报
      // reportFn() {
      //   const _this = this
      //   _this.$confirm('此操作将会上报该信息，是否继续?', '提示', {
      //       cancelButtonText: '取消',
      //       confirmButtonText: '确定',
      //       type: 'warning'
      //     })
      //     .then(() => {
      //       _this.loadingTable = true
      //       _this.$axios.get(_this.$api.business.report + '/' + _this.xxid)
      //         .then(function(rs) {
      //           if (rs) {
      //             _this.$message({message: '上报成功!', showClose: true, type: 'success'})
      //             _this.statusId = 'y'
      //             _this.dialogBusinessInfoCloseFn()
      //             _this.doSearch()
      //             _this.loadingTable = false
      //           }
      //         })
      //     })
      //     .catch(() => {})
      // },
      // // 查看
      // detailFn: function(row) {
      //   const _this = this
      //   // console.log(row);
      //   _this.dialogBusinessInfo = true
      //   _this.loadingForm = true
      //   _this.$axios.get(_this.$api.business.info + '/' + row.xxid)
      //     .then(function(rs) {
      //       if (rs) {
      //         // console.log(rs);
      //         _this.xxid = rs.xxid
      //         _this.formItemData = rs
      //         _this.loadingForm = false
      //       }
      //     })
      // },
      // // 关闭
      // dialogBusinessInfoCloseFn() {
      //   this.xxid = ''
      //   this.dialogBusinessInfo = false
      // },
    },
    components: {
      businessWeek, businessMonth
    },
    created: function () {

    }
  }
</script>
